<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="Master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"           
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">Clientes</ui:define>
    <ui:insert name="cssk"></ui:insert> 
    <ui:define name="scritpK">
        
    </ui:define> 
    
    <ui:define name="content">

        <h:form id="frmRegistroClientes" >
            
            <p:growl id="gwlCliente" showDetail="true" sticky="true"/>       
            
            <p:fieldset legend="Editar Cliente/Proveedor">
               <h:panelGrid columns="4" cellpadding="6">
                    <p:commandButton id="btnAtras" value="Atrás"  icon="ui-icon-plus" action="#{clienteBean.regresar}" />
               </h:panelGrid>
            <p:panel id="pnlMain">
                <h:panelGrid style="margin: 0 auto;">
                    <p:messages id="msgs" />
                    <h:inputHidden value="#{clienteBean.clienteDTO.idCliente}"/>
                    <h:panelGrid cellpadding="4" columns="4">
                        <p:outputLabel value="Nombre *"/>
                        <p:inputText id="txtNombre" value="#{clienteBean.clienteDTO.nombre}"/>
                        <p:outputLabel value="Dirección"/>
                        <p:inputText id="txtDireccion" value="#{clienteBean.clienteDTO.direccion}"/>
                        <p:outputLabel value="Apellido *"/>
                        <p:inputText id="txtApellido" value="#{clienteBean.clienteDTO.apellido}"/>
                        <p:outputLabel value="Celular"/>
                        <p:inputText id="txtCelular" value="#{clienteBean.clienteDTO.celular}"/>
                        <p:outputLabel value="Sexo"/>
                        <p:selectOneMenu id="cmbText" value="#{clienteBean.clienteDTO.sexo}">
                             <f:selectItem itemLabel="Seleccione" itemValue="0"/>
                             <f:selectItem itemLabel="Femenino" itemValue="1"/>
                             <f:selectItem itemLabel="Masculino" itemValue="2"/>
                         </p:selectOneMenu>
                        <p:outputLabel value="Tipo Usuario Comunmente*"/>
                        <p:selectOneMenu id="cmbTipo" value="#{clienteBean.clienteDTO.tipo}">
                             <f:selectItem itemLabel="Cliente" itemValue="1"/>
                             <f:selectItem itemLabel="Proveedor" itemValue="2"/>
                         </p:selectOneMenu>
                         <p:outputLabel value="Fecha Registro"/>
                         <p:calendar id="txtfecNac" value="#{clienteBean.clienteDTO.fechaIngreso}"/>
                         <p:outputLabel value="Email"/>
                         <p:inputText id="txtEmail" value="#{clienteBean.clienteDTO.email}" />
                         <p:outputLabel value="RUC"/>
                         <p:inputText id="txtRUC" value="#{clienteBean.clienteDTO.ruc}" />
                        <h:panelGroup rendered="#{not empty clienteBean.labels}">
                        <ui:repeat value="#{clienteBean.labels}" varStatus="loop" var="label">
                            <tr>
                            <td>
                            <p:inputText id="label" value="#{label.nameLabel}" rendered="#{label.nameLabel == null || label.nameLabel == ''}">
                            <p:watermark for="label" value="Label" />
                            </p:inputText>
                            <p:outputLabel for="label" value="#{label.nameLabel}:" rendered="#{label.nameLabel != ''}"/>
                            </td>
                            <td>
                            <p:inputText id="value" value="#{label.valueLabel}">
                            <p:watermark for="value" value="Value" />
                            </p:inputText>
                            </td>
                            </tr>
                        </ui:repeat>
                        </h:panelGroup>
                    </h:panelGrid>
                    <h:panelGrid columns="4" cellpadding="6">
                        <p:commandButton value="Agregar Campos" action="#{clienteBean.addClienteCampo}" update="pnlMain"/>
                        <p:spacer></p:spacer>
                        <p:commandButton id="btnCancelar" value="Cancelar" actionListener="#{clienteBean.cancelarEdicion()}" update="pnlMain"/>
                        <p:commandButton id="btnGuardar" value="Guardar" actionListener="#{clienteBean.registrarCliente()}" update="pnlMain"/>
                    </h:panelGrid>
                </h:panelGrid>
            </p:panel>
            
                <!--<p:blockUI block="pnlMain" trigger="btnGuardar,btnEditar ,btnEliminar,btnCancelar" />-->
            </p:fieldset>
        </h:form>
       
    </ui:define> 

    <ui:define name="dialogos">         
           
    </ui:define> 

</ui:composition>